@workerdeck/ui 0.21.0 → 0.22.0

package/README.md

@@ -127,9 +127,10 @@ lose by forgetting a second mount isn't one.
   scoping — file an issue with your case.
 - Dark mode is driven **only** by `[data-theme='dark']` on the root element (the Tailwind
   `dark:` variant is remapped to it); `prefers-color-scheme` is not consulted at CSS level.
-- The session surface centers its content at `--wd-content-max-w` (default `48rem`).
+- The session surface centers its content at `--wd-transcript-max-width` (default `48rem`).
   Embedders in narrow docks (a VS Code bottom panel, a drawer) set it to `100%` for
-  edge-to-edge content. Every component also carries `data-slot` attributes for targeted
+  edge-to-edge content. Other geometry tokens: `--wd-status-bar-height`, `--wd-composer-padding`,
+  `--wd-transcript-row-gap`. Every component also carries `data-slot` attributes for targeted
   overrides — e.g. `[data-slot='composer-hint']` is the "Enter to send" line, which a host
   whose vertical space is precious can `display: none`.
 - `SessionPanel` can hand its dialog surfaces to the embedder: `panelSurface: 'external'`

package/build/{SessionPanel-BjNAnWMF.d.mts → SessionPanel-13l25ubU.d.mts}

@@ -389,10 +389,10 @@ interface SessionPanelProps {
    */
   onSubagentChange?: (toolUseId: string | undefined) => void;
   /**
-   * Terminal theme only: hold the prompt of the turn you are reading at the top
-   * of the transcript, as the Claude Code CLI does. The **real row** is pinned
-   * rather than a copy drawn above it, so it lines up with the rows beneath by
-   * construction — see `TranscriptRows`.
+   * Hold the prompt of the turn you are reading at the top of the transcript.
+   * Works in both variants: the terminal clips to one line (as the CLI does),
+   * cards shows a frosted bar. The **real row** is pinned rather than a copy
+   * drawn above it, so it lines up with the rows beneath by construction.
    */
   stickyPrompt?: boolean;
   /**
@@ -505,6 +505,12 @@ interface SessionPanelProps {
    * the client cannot see.
    */
   cacheTranscript?: boolean;
+  /**
+   * Replaces the default empty state when the transcript has no messages. Pass
+   * your product's own onboarding content instead of WorkerDeck's generic
+   * "`>_` Tell the agent what to do." placeholder.
+   */
+  emptyState?: ReactNode;
   className?: string;
 }
 /** What an embedder needs to *change* a session it doesn't own the attach for. */
@@ -555,6 +561,9 @@ type SessionVitals = {
    * as its "seen" watermark while the panel is actually on screen, and compares
    * against later to know what is new. */
   itemCount: number;
+  /** Session-cumulative cost in USD. The internal status bar renders this via
+   * `formatCost`; an external host needs it to reproduce that reading. */
+  totalCostUsd: number;
 };
 /**
  * The all-in-one embeddable session surface: status bar, streaming transcript,
@@ -592,8 +601,9 @@ declare function SessionPanel({
   readOnly,
   toolHost,
   cacheTranscript,
+  emptyState,
   className
 }: SessionPanelProps): _$react.JSX.Element;
 //#endregion
 export { permissionModeChoices as C, PermissionModeSelectProps as S, useAffordances as _, SessionVitals as a, PermissionModeMeta as b, TranscriptDensityProvider as c, TranscriptVariantProvider as d, useTranscriptDensity as f, WithActions as g, TerminalAffordances as h, SessionSurfacePanel as i, TranscriptFont as l, CopyAction as m, SessionPanel as n, TerminalMetrics as o, useTranscriptVariant as p, SessionPanelProps as r, TranscriptDensity as s, SessionControls as t, TranscriptVariant as u, PERMISSION_MODES as v, permissionModeMeta as w, PermissionModeSelect as x, PermissionModeChoice as y };
-//# sourceMappingURL=SessionPanel-BjNAnWMF.d.mts.map
+//# sourceMappingURL=SessionPanel-13l25ubU.d.mts.map